*{
  margin:0;
  padding:0;
}
.seatdata{
  padding:10px;
  background:#fff;
  border-radius:8px;
  margin:30px 0;
  display:grid;
  grid-template-columns: repeat(7,1fr);
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);
  gap:10px;
}
.seat-item{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:solid 1px #000;
  border-radius:4px;
  color:#fff;
}
.lenag{
  padding:10px;
  display:flex;
  align-items:center;
  justify-content: space-around;
}
.lenag-item{
  display: flex;
  align-items:center;
}
.lenag-item p{
  margin-left:10px;
}
.item-dont{
  width:15px;
  height:15px;
  border-radius:50%;
  border:solid 1px #000;
}
.seat-data{
  display:flex;
  align-items:center;
  margin-top:40px;
}
.seat-data span{
  font-weight:bold;
}
.seat-data b{
  margin-left:200px;
} 
.price_css{
  margin-top:20px;
  display:flex;
  align-items: center;
  font-size:16px;
}
.zong{
  font-weight:bold;
}
.price{
  margin-left: 8px;
  color: rgb(211, 15, 172);
}
.dont-selected{
  background:rgb(166, 18, 179);
}
.dont-booked{
  background:#e6dafa;
}
.dont-available{
  background:#fff;
}
.seat-item-selected{
  background:rgb(166, 18, 179);
}
.seat-item-booked{
  background:#e6dafa;
}
.seat-item-available{
  background:#fff;
}